import React from 'react';

export interface HeaderProps {
    height?: string
    children?: React.ReactNode
}

const Header: React.FC<HeaderProps> = (props) => {
    let { height, children } = props;

    const styles = { "--yulang-header-height--": height } as React.CSSProperties
    return (
        <div
            className={"yulang-header-container"}
            style={styles}
        >
            {children}
        </div>
    );
};

Header.defaultProps = {
    height: "60px",
};

Header.displayName = 'Header'

export default Header;
